<template>
  <div class="resell_main">
    <v-header headTitle="发布闲置" goBack="true" right-title="确定"></v-header>
    <div class="resell_title">
      <span>转卖杂物</span>
    </div>
    <div class="present_price">
      <div class="money">
        <span>现价 (必填):</span>
        <span>￥</span>
      </div>
      <div class="money_input">
        <input type="text" placeholder="请输入金额">
      </div>
    </div>
    <div class="prime_cost">
      <div class="money">
        <span>原价:</span>
        <span>￥</span>
      </div>
      <div class="money_input">
        <input type="text" placeholder="请输入金额">
      </div>
    </div>
    <div class="give">
      <span>转送予其他人</span>
    </div>
  </div>
</template>
<style lang="scss">
  .resell_main {
    width: 100%;
    padding-top: 40px;
    .resell_title {
      width: 100%;
      height: 45px;
      background: #fff;
      border-bottom: 1px solid #d9d9d9;
      span {
        font-size: 16px;
        line-height: 45px;
        padding-left: 20px;
        color: #292929;
      }
    }
    .present_price {
      width: 100%;
      height: 45px;
      background: #fff;
      border-bottom: 1px solid #d9d9d9;
      .money {
        width: 35%;
        height: 100%;
        float: left;
        span:first-child{
          font-size: 14px;
          line-height: 45px;
          padding-left: 20px;
          color: #999999;
        }
        span:last-child{
          font-size: 14px;
          line-height: 45px;
          color: #ff4444;
        }
      }
      .money_input {
        width: 65%;
        height: 100%;
        float: right;
        input{
          width: 100%;
          height: 43px;
          border: none;
          outline: none;
        }
      }
    }
    .prime_cost {
      width: 100%;
      height: 45px;
      background: #fff;
      .money {
        width: 25%;
        height: 100%;
        float: left;
        span:first-child{
          font-size: 14px;
          line-height: 45px;
          padding-left: 20px;
          color: #999999;
        }
        span:last-child{
          font-size: 14px;
          line-height: 45px;
          color: #ff4444;
        }
      }
      .money_input {
        width: 75%;
        height: 100%;
        float: right;
        input{
          width: 100%;
          height: 43px;
          border: none;
          outline: none;
        }
      }
    }
    .give{
      width: 100%;
      height: 45px;
      margin-top: 10px;
      background: #fff;
      span {
        font-size: 16px;
        line-height: 45px;
        padding-left: 20px;
        color: #292929;
      }
    }
  }
</style>
<script>
  import headTop from '../header/Header.vue'

  export default {
    name: 'ModeResell',
    data () {
      return {}
    },
    components: {
      'v-header': headTop
    }
  }
</script>
